import $ from 'jquery';
import style from './index.module.less'

let container

/**
 * 初始化函数，负责创建容器
 */
function init() {
  container = $('<div>').addClass(style.container).appendTo('#app')
}

init();

/**
 * 根据传入的电影数组，创建元素，填充到容器中
 * @params movies 电影数组
 */
export function createMovieTags(movies) {
  let itemHtml = movies.map(m => ` <div class="item">
    <a href=${m.url} target="_blank">
      <img src=${m.cover} alt="" class=${style.photo}>
    </a>
    <a href=${m.url} target="_blank">
      <p class=${style.title}>${m.title}</p>
    </a>
    <p class=${style.rate}>
      ${m.rate}
    </p>
  </div>`).join('');
  container.html(itemHtml);
}